<template>
	<public-view navType="other" navTitle="保证金">
		<view class="content-back-money">
			<view class="" style="padding: 30rpx;">
				<view class="box-view flex a-i-c j-c-b">
					<view class="f-s-24 color-333 f-w-b l-h-50">
						保证金
					</view>
					<view class="f-s-26 l-h-50" style="color: #F55726;">
						<text class="f-s-22">￥</text>200
					</view>
				</view>
				<view class="box-view flex j-c-b">
					<view class="f-s-24 color-333 f-w-b l-h-50">
						申请原因
					</view>
					<textarea class="textarea-box f-s-24 l-h-50" placeholder-style="color:#A4A4A4;" placeholder="请描述申请退还保证金的具体原因"></textarea>
				</view>
			</view>
			<view class="w-100" style="padding: 30rpx;">
				<bottom-btn :positon="false" btnIndex="2" @click="requestData">提交申请</bottom-btn>
			</view>
		</view>
	</public-view>
</template>

<script>
	import bottomBtn from "@/components/myComponents/bottomBtn.vue"
	export default {
		components:{
			"bottom-btn":bottomBtn
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss" scoped>
	.box-view{
		width: 100%;
		padding: 28upx 30upx;
		background: #FFFFFF;
		border-radius: 20upx;
		margin-bottom: 20upx;
		.textarea-box{
			width: 398upx;
			height: 184upx;
			padding: 14upx;
			background-color: #f7f7f7;
			border-radius: 8upx;
		}
	}
	.content-back-money{
		width: 100%;
	}
</style>
